/* 搜索框wxss */
@import "../../../style/icon/iconFont.css";
@import "../../../style/weui.css";

.container {
  height: 100%;
}

.flex-wrp {
  display: flex;
  flex-direction: row;
}

.search {
  background-color: #fff;
  position: relative;
  width: 90%;
}

.search input {
  border: 2rpx solid #000;
  border-radius: 50rpx;
  height: 60rpx;
  padding-left: 100rpx;

}

.search placeholder {
  position: relative;
  font-style: inherit;
}

.icons {
  position: absolute;
  left: 20rpx;
  top: 9rpx;
}

.saoma {
  padding-left: 10rpx;
  padding-right: 30rpx;
  right: 20rpx;
  background-color: #fff;
}

/* Echarts wxss */
.echarts-container {
  margin-top: 30rpx;
  margin-left: 10rpx;
  margin-right: 10rpx;
  min-height: 450rpx;
  background-color: #fff;
  border: 2rpx solid #000;
  border-radius: 35rpx;

}

.icon-cotainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20rpx;
  margin-left: 20rpx;
  width: 20%;
  border: 2rpx solid #808080;
  border-radius: 35rpx;

}

.echarts-wrap {
    width: 100%;
    height: 400rpx;
}

.ec-canvas {
	margin-top: 20rpx;
  left: 0;
  right: 0;
}

/* 打卡 wxss */
.clock-in {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;

  margin-top: 30rpx;
  margin-left: 5rpx;
  margin-right: 5rpx;
  width: 50%;
  min-height: 120rpx;

  border: 2rpx solid #000;
  border-radius: 35rpx;

  font-size: 32rpx;
  color: #808080;
}

/* 记录 wxss */
.record-title {
  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 30rpx;
  margin-left: 5rpx;
  margin-right: 5rpx;
  min-height: 100rpx;

  background-color: #fff;
  border-top: 2rpx solid #000;
  border-left: 2rpx solid #000;
  border-right: 2rpx solid #000;
  border-bottom: 2rpx solid #808080;
  border-top-left-radius: 35rpx;
  border-top-right-radius: 35rpx;

  font-size: 40rpx;
  color: gray;
}

.record-body {
  display: flex;
  flex-direction: row;

  margin-left: 5rpx;
  margin-right: 5rpx;
  min-height: 250rpx;
  margin-bottom: 30rpx;

  background-color: #fff;
  border-bottom: 2rpx solid #000;
  border-left: 2rpx solid #000;
  border-right: 2rpx solid #000;
  border-bottom-left-radius: 35rpx;
  border-bottom-right-radius: 35rpx;
}

.record-content1 {
  width: 50%;
  border-right: 2rpx solid #808080;
  padding-top: 40rpx;
}


.record-content1 text {
  font-size: 35rpx;
}

.record-item {
  display: flex;
  flex-direction: row;
  min-width: 360rpx;
}

.record-item text {
  margin: 10rpx;
  font-size: 30rpx;
}

.record-content2 {
  padding-top: 40rpx;
  font-size: 40rpx;
}

.text-box {
  width: 120rpx;
}

.progress-box {
  margin-top: 40rpx;
  margin-right: 10rpx;
  width: 240rpx;
}

/* 饮水记录wxss */
#water-title {
  margin-top: 5rpx;
  margin-left: 5rpx;
  margin-right: 5rpx;
  min-width: 368rpx;
}

#water-body {
  margin-right: 5rpx;
  margin-left: 5rpx;
  min-width: 368rpx;
}

.record-water {
  display: inline;
  margin: 30rpx;
  font-size: 35rpx;
}

.record-waterContent {
  display: flex;
  flex-direction: row;
  margin-top: 50rpx;

}

.water-button {
  margin-left: 50rpx;
}

/* 睡眠记录wxss */
#sleep-title {
  margin-top: 5rpx;
  margin-left: 5rpx;
  min-width: 368rpx;
}

#sleep-body {
  margin-left: 5rpx;
  min-width: 368rpx;
}